/**
 * Copyright 2018-2019 Streamlit Inc.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *    http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

$iconic-font-path: "../fonts/open-iconic/" !default;

@font-face {
  font-family: "Icons";
  src: url("#{$iconic-font-path}open-iconic.eot");
  src: url("#{$iconic-font-path}open-iconic.eot?#iconic-sm")
      format("embedded-opentype"),
    url("#{$iconic-font-path}open-iconic.woff") format("woff"),
    url("#{$iconic-font-path}open-iconic.ttf") format("truetype"),
    url("#{$iconic-font-path}open-iconic.otf") format("opentype"),
    url("#{$iconic-font-path}open-iconic.svg#iconic-sm") format("svg");
  font-weight: normal;
  font-style: normal;
}

.open-iconic[data-glyph].open-iconic-text-replace {
  font-size: 0;
  line-height: 0;
}

.open-iconic[data-glyph].open-iconic-text-replace:before {
  width: 1em;
  text-align: center;
}

.open-iconic[data-glyph] {
  &:before {
    position: relative;
    top: 1px;
    font-family: "Icons";
    display: inline-block;
    speak: none;
    line-height: 1;
    vertical-align: baseline;
    font-weight: normal;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  &:empty:before {
    width: 1em;
    text-align: center;
    box-sizing: content-box;
  }

  &.open-iconic-align-left:before {
    text-align: left;
  }
  &.open-iconic-align-right:before {
    text-align: right;
  }
  &.open-iconic-align-center:before {
    text-align: center;
  }

  &.open-iconic-flip-horizontal:before {
    -webkit-transform: scale(-1, 1);
    -ms-transform: scale(-1, 1);
    transform: scale(-1, 1);
  }

  &.open-iconic-flip-vertical:before {
    -webkit-transform: scale(1, -1);
    -ms-transform: scale(-1, 1);
    transform: scale(1, -1);
  }

  &.open-iconic-flip-horizontal-vertical:before {
    -webkit-transform: scale(-1, -1);
    -ms-transform: scale(-1, 1);
    transform: scale(-1, -1);
  }
}

.open-iconic[data-glyph="account-login"]:before {
  content: "\e000";
}

.open-iconic[data-glyph="account-logout"]:before {
  content: "\e001";
}

.open-iconic[data-glyph="action-redo"]:before {
  content: "\e002";
}

.open-iconic[data-glyph="action-undo"]:before {
  content: "\e003";
}

.open-iconic[data-glyph="align-center"]:before {
  content: "\e004";
}

.open-iconic[data-glyph="align-left"]:before {
  content: "\e005";
}

.open-iconic[data-glyph="align-right"]:before {
  content: "\e006";
}

.open-iconic[data-glyph="aperture"]:before {
  content: "\e007";
}

.open-iconic[data-glyph="arrow-bottom"]:before {
  content: "\e008";
}

.open-iconic[data-glyph="arrow-circle-bottom"]:before {
  content: "\e009";
}

.open-iconic[data-glyph="arrow-circle-left"]:before {
  content: "\e00a";
}

.open-iconic[data-glyph="arrow-circle-right"]:before {
  content: "\e00b";
}

.open-iconic[data-glyph="arrow-circle-top"]:before {
  content: "\e00c";
}

.open-iconic[data-glyph="arrow-left"]:before {
  content: "\e00d";
}

.open-iconic[data-glyph="arrow-right"]:before {
  content: "\e00e";
}

.open-iconic[data-glyph="arrow-thick-bottom"]:before {
  content: "\e00f";
}

.open-iconic[data-glyph="arrow-thick-left"]:before {
  content: "\e010";
}

.open-iconic[data-glyph="arrow-thick-right"]:before {
  content: "\e011";
}

.open-iconic[data-glyph="arrow-thick-top"]:before {
  content: "\e012";
}

.open-iconic[data-glyph="arrow-top"]:before {
  content: "\e013";
}

.open-iconic[data-glyph="audio-spectrum"]:before {
  content: "\e014";
}

.open-iconic[data-glyph="audio"]:before {
  content: "\e015";
}

.open-iconic[data-glyph="badge"]:before {
  content: "\e016";
}

.open-iconic[data-glyph="ban"]:before {
  content: "\e017";
}

.open-iconic[data-glyph="bar-chart"]:before {
  content: "\e018";
}

.open-iconic[data-glyph="basket"]:before {
  content: "\e019";
}

.open-iconic[data-glyph="battery-empty"]:before {
  content: "\e01a";
}

.open-iconic[data-glyph="battery-full"]:before {
  content: "\e01b";
}

.open-iconic[data-glyph="beaker"]:before {
  content: "\e01c";
}

.open-iconic[data-glyph="bell"]:before {
  content: "\e01d";
}

.open-iconic[data-glyph="bluetooth"]:before {
  content: "\e01e";
}

.open-iconic[data-glyph="bold"]:before {
  content: "\e01f";
}

.open-iconic[data-glyph="bolt"]:before {
  content: "\e020";
}

.open-iconic[data-glyph="book"]:before {
  content: "\e021";
}

.open-iconic[data-glyph="bookmark"]:before {
  content: "\e022";
}

.open-iconic[data-glyph="box"]:before {
  content: "\e023";
}

.open-iconic[data-glyph="briefcase"]:before {
  content: "\e024";
}

.open-iconic[data-glyph="british-pound"]:before {
  content: "\e025";
}

.open-iconic[data-glyph="browser"]:before {
  content: "\e026";
}

.open-iconic[data-glyph="brush"]:before {
  content: "\e027";
}

.open-iconic[data-glyph="bug"]:before {
  content: "\e028";
}

.open-iconic[data-glyph="bullhorn"]:before {
  content: "\e029";
}

.open-iconic[data-glyph="calculator"]:before {
  content: "\e02a";
}

.open-iconic[data-glyph="calendar"]:before {
  content: "\e02b";
}

.open-iconic[data-glyph="camera-slr"]:before {
  content: "\e02c";
}

.open-iconic[data-glyph="caret-bottom"]:before {
  content: "\e02d";
}

.open-iconic[data-glyph="caret-left"]:before {
  content: "\e02e";
}

.open-iconic[data-glyph="caret-right"]:before {
  content: "\e02f";
}

.open-iconic[data-glyph="caret-top"]:before {
  content: "\e030";
}

.open-iconic[data-glyph="cart"]:before {
  content: "\e031";
}

.open-iconic[data-glyph="chat"]:before {
  content: "\e032";
}

.open-iconic[data-glyph="check"]:before {
  content: "\e033";
}

.open-iconic[data-glyph="chevron-bottom"]:before {
  content: "\e034";
}

.open-iconic[data-glyph="chevron-left"]:before {
  content: "\e035";
}

.open-iconic[data-glyph="chevron-right"]:before {
  content: "\e036";
}

.open-iconic[data-glyph="chevron-top"]:before {
  content: "\e037";
}

.open-iconic[data-glyph="circle-check"]:before {
  content: "\e038";
}

.open-iconic[data-glyph="circle-x"]:before {
  content: "\e039";
}

.open-iconic[data-glyph="clipboard"]:before {
  content: "\e03a";
}

.open-iconic[data-glyph="clock"]:before {
  content: "\e03b";
}

.open-iconic[data-glyph="cloud-download"]:before {
  content: "\e03c";
}

.open-iconic[data-glyph="cloud-upload"]:before {
  content: "\e03d";
}

.open-iconic[data-glyph="cloud"]:before {
  content: "\e03e";
}

.open-iconic[data-glyph="cloudy"]:before {
  content: "\e03f";
}

.open-iconic[data-glyph="code"]:before {
  content: "\e040";
}

.open-iconic[data-glyph="cog"]:before {
  content: "\e041";
}

.open-iconic[data-glyph="collapse-down"]:before {
  content: "\e042";
}

.open-iconic[data-glyph="collapse-left"]:before {
  content: "\e043";
}

.open-iconic[data-glyph="collapse-right"]:before {
  content: "\e044";
}

.open-iconic[data-glyph="collapse-up"]:before {
  content: "\e045";
}

.open-iconic[data-glyph="command"]:before {
  content: "\e046";
}

.open-iconic[data-glyph="comment-square"]:before {
  content: "\e047";
}

.open-iconic[data-glyph="compass"]:before {
  content: "\e048";
}

.open-iconic[data-glyph="contrast"]:before {
  content: "\e049";
}

.open-iconic[data-glyph="copywriting"]:before {
  content: "\e04a";
}

.open-iconic[data-glyph="credit-card"]:before {
  content: "\e04b";
}

.open-iconic[data-glyph="crop"]:before {
  content: "\e04c";
}

.open-iconic[data-glyph="dashboard"]:before {
  content: "\e04d";
}

.open-iconic[data-glyph="data-transfer-download"]:before {
  content: "\e04e";
}

.open-iconic[data-glyph="data-transfer-upload"]:before {
  content: "\e04f";
}

.open-iconic[data-glyph="delete"]:before {
  content: "\e050";
}

.open-iconic[data-glyph="dial"]:before {
  content: "\e051";
}

.open-iconic[data-glyph="document"]:before {
  content: "\e052";
}

.open-iconic[data-glyph="dollar"]:before {
  content: "\e053";
}

.open-iconic[data-glyph="double-quote-sans-left"]:before {
  content: "\e054";
}

.open-iconic[data-glyph="double-quote-sans-right"]:before {
  content: "\e055";
}

.open-iconic[data-glyph="double-quote-serif-left"]:before {
  content: "\e056";
}

.open-iconic[data-glyph="double-quote-serif-right"]:before {
  content: "\e057";
}

.open-iconic[data-glyph="droplet"]:before {
  content: "\e058";
}

.open-iconic[data-glyph="eject"]:before {
  content: "\e059";
}

.open-iconic[data-glyph="elevator"]:before {
  content: "\e05a";
}

.open-iconic[data-glyph="ellipses"]:before {
  content: "\e05b";
}

.open-iconic[data-glyph="envelope-closed"]:before {
  content: "\e05c";
}

.open-iconic[data-glyph="envelope-open"]:before {
  content: "\e05d";
}

.open-iconic[data-glyph="euro"]:before {
  content: "\e05e";
}

.open-iconic[data-glyph="excerpt"]:before {
  content: "\e05f";
}

.open-iconic[data-glyph="expand-down"]:before {
  content: "\e060";
}

.open-iconic[data-glyph="expand-left"]:before {
  content: "\e061";
}

.open-iconic[data-glyph="expand-right"]:before {
  content: "\e062";
}

.open-iconic[data-glyph="expand-up"]:before {
  content: "\e063";
}

.open-iconic[data-glyph="external-link"]:before {
  content: "\e064";
}

.open-iconic[data-glyph="eye"]:before {
  content: "\e065";
}

.open-iconic[data-glyph="eyedropper"]:before {
  content: "\e066";
}

.open-iconic[data-glyph="file"]:before {
  content: "\e067";
}

.open-iconic[data-glyph="fire"]:before {
  content: "\e068";
}

.open-iconic[data-glyph="flag"]:before {
  content: "\e069";
}

.open-iconic[data-glyph="flash"]:before {
  content: "\e06a";
}

.open-iconic[data-glyph="folder"]:before {
  content: "\e06b";
}

.open-iconic[data-glyph="fork"]:before {
  content: "\e06c";
}

.open-iconic[data-glyph="fullscreen-enter"]:before {
  content: "\e06d";
}

.open-iconic[data-glyph="fullscreen-exit"]:before {
  content: "\e06e";
}

.open-iconic[data-glyph="globe"]:before {
  content: "\e06f";
}

.open-iconic[data-glyph="graph"]:before {
  content: "\e070";
}

.open-iconic[data-glyph="grid-four-up"]:before {
  content: "\e071";
}

.open-iconic[data-glyph="grid-three-up"]:before {
  content: "\e072";
}

.open-iconic[data-glyph="grid-two-up"]:before {
  content: "\e073";
}

.open-iconic[data-glyph="hard-drive"]:before {
  content: "\e074";
}

.open-iconic[data-glyph="header"]:before {
  content: "\e075";
}

.open-iconic[data-glyph="headphones"]:before {
  content: "\e076";
}

.open-iconic[data-glyph="heart"]:before {
  content: "\e077";
}

.open-iconic[data-glyph="home"]:before {
  content: "\e078";
}

.open-iconic[data-glyph="image"]:before {
  content: "\e079";
}

.open-iconic[data-glyph="inbox"]:before {
  content: "\e07a";
}

.open-iconic[data-glyph="infinity"]:before {
  content: "\e07b";
}

.open-iconic[data-glyph="info"]:before {
  content: "\e07c";
}

.open-iconic[data-glyph="italic"]:before {
  content: "\e07d";
}

.open-iconic[data-glyph="justify-center"]:before {
  content: "\e07e";
}

.open-iconic[data-glyph="justify-left"]:before {
  content: "\e07f";
}

.open-iconic[data-glyph="justify-right"]:before {
  content: "\e080";
}

.open-iconic[data-glyph="key"]:before {
  content: "\e081";
}

.open-iconic[data-glyph="laptop"]:before {
  content: "\e082";
}

.open-iconic[data-glyph="layers"]:before {
  content: "\e083";
}

.open-iconic[data-glyph="lightbulb"]:before {
  content: "\e084";
}

.open-iconic[data-glyph="link-broken"]:before {
  content: "\e085";
}

.open-iconic[data-glyph="link-intact"]:before {
  content: "\e086";
}

.open-iconic[data-glyph="list-rich"]:before {
  content: "\e087";
}

.open-iconic[data-glyph="list"]:before {
  content: "\e088";
}

.open-iconic[data-glyph="location"]:before {
  content: "\e089";
}

.open-iconic[data-glyph="lock-locked"]:before {
  content: "\e08a";
}

.open-iconic[data-glyph="lock-unlocked"]:before {
  content: "\e08b";
}

.open-iconic[data-glyph="loop-circular"]:before {
  content: "\e08c";
}

.open-iconic[data-glyph="loop-square"]:before {
  content: "\e08d";
}

.open-iconic[data-glyph="loop"]:before {
  content: "\e08e";
}

.open-iconic[data-glyph="magnifying-glass"]:before {
  content: "\e08f";
}

.open-iconic[data-glyph="map-marker"]:before {
  content: "\e090";
}

.open-iconic[data-glyph="map"]:before {
  content: "\e091";
}

.open-iconic[data-glyph="media-pause"]:before {
  content: "\e092";
}

.open-iconic[data-glyph="media-play"]:before {
  content: "\e093";
}

.open-iconic[data-glyph="media-record"]:before {
  content: "\e094";
}

.open-iconic[data-glyph="media-skip-backward"]:before {
  content: "\e095";
}

.open-iconic[data-glyph="media-skip-forward"]:before {
  content: "\e096";
}

.open-iconic[data-glyph="media-step-backward"]:before {
  content: "\e097";
}

.open-iconic[data-glyph="media-step-forward"]:before {
  content: "\e098";
}

.open-iconic[data-glyph="media-stop"]:before {
  content: "\e099";
}

.open-iconic[data-glyph="medical-cross"]:before {
  content: "\e09a";
}

.open-iconic[data-glyph="menu"]:before {
  content: "\e09b";
}

.open-iconic[data-glyph="microphone"]:before {
  content: "\e09c";
}

.open-iconic[data-glyph="minus"]:before {
  content: "\e09d";
}

.open-iconic[data-glyph="monitor"]:before {
  content: "\e09e";
}

.open-iconic[data-glyph="moon"]:before {
  content: "\e09f";
}

.open-iconic[data-glyph="move"]:before {
  content: "\e0a0";
}

.open-iconic[data-glyph="musical-note"]:before {
  content: "\e0a1";
}

.open-iconic[data-glyph="paperclip"]:before {
  content: "\e0a2";
}

.open-iconic[data-glyph="pencil"]:before {
  content: "\e0a3";
}

.open-iconic[data-glyph="people"]:before {
  content: "\e0a4";
}

.open-iconic[data-glyph="person"]:before {
  content: "\e0a5";
}

.open-iconic[data-glyph="phone"]:before {
  content: "\e0a6";
}

.open-iconic[data-glyph="pie-chart"]:before {
  content: "\e0a7";
}

.open-iconic[data-glyph="pin"]:before {
  content: "\e0a8";
}

.open-iconic[data-glyph="play-circle"]:before {
  content: "\e0a9";
}

.open-iconic[data-glyph="plus"]:before {
  content: "\e0aa";
}

.open-iconic[data-glyph="power-standby"]:before {
  content: "\e0ab";
}

.open-iconic[data-glyph="print"]:before {
  content: "\e0ac";
}

.open-iconic[data-glyph="project"]:before {
  content: "\e0ad";
}

.open-iconic[data-glyph="pulse"]:before {
  content: "\e0ae";
}

.open-iconic[data-glyph="puzzle-piece"]:before {
  content: "\e0af";
}

.open-iconic[data-glyph="question-mark"]:before {
  content: "\e0b0";
}

.open-iconic[data-glyph="rain"]:before {
  content: "\e0b1";
}

.open-iconic[data-glyph="random"]:before {
  content: "\e0b2";
}

.open-iconic[data-glyph="reload"]:before {
  content: "\e0b3";
}

.open-iconic[data-glyph="resize-both"]:before {
  content: "\e0b4";
}

.open-iconic[data-glyph="resize-height"]:before {
  content: "\e0b5";
}

.open-iconic[data-glyph="resize-width"]:before {
  content: "\e0b6";
}

.open-iconic[data-glyph="rss-alt"]:before {
  content: "\e0b7";
}

.open-iconic[data-glyph="rss"]:before {
  content: "\e0b8";
}

.open-iconic[data-glyph="script"]:before {
  content: "\e0b9";
}

.open-iconic[data-glyph="share-boxed"]:before {
  content: "\e0ba";
}

.open-iconic[data-glyph="share"]:before {
  content: "\e0bb";
}

.open-iconic[data-glyph="shield"]:before {
  content: "\e0bc";
}

.open-iconic[data-glyph="signal"]:before {
  content: "\e0bd";
}

.open-iconic[data-glyph="signpost"]:before {
  content: "\e0be";
}

.open-iconic[data-glyph="sort-ascending"]:before {
  content: "\e0bf";
}

.open-iconic[data-glyph="sort-descending"]:before {
  content: "\e0c0";
}

.open-iconic[data-glyph="spreadsheet"]:before {
  content: "\e0c1";
}

.open-iconic[data-glyph="star"]:before {
  content: "\e0c2";
}

.open-iconic[data-glyph="sun"]:before {
  content: "\e0c3";
}

.open-iconic[data-glyph="tablet"]:before {
  content: "\e0c4";
}

.open-iconic[data-glyph="tag"]:before {
  content: "\e0c5";
}

.open-iconic[data-glyph="tags"]:before {
  content: "\e0c6";
}

.open-iconic[data-glyph="target"]:before {
  content: "\e0c7";
}

.open-iconic[data-glyph="task"]:before {
  content: "\e0c8";
}

.open-iconic[data-glyph="terminal"]:before {
  content: "\e0c9";
}

.open-iconic[data-glyph="text"]:before {
  content: "\e0ca";
}

.open-iconic[data-glyph="thumb-down"]:before {
  content: "\e0cb";
}

.open-iconic[data-glyph="thumb-up"]:before {
  content: "\e0cc";
}

.open-iconic[data-glyph="timer"]:before {
  content: "\e0cd";
}

.open-iconic[data-glyph="transfer"]:before {
  content: "\e0ce";
}

.open-iconic[data-glyph="trash"]:before {
  content: "\e0cf";
}

.open-iconic[data-glyph="underline"]:before {
  content: "\e0d0";
}

.open-iconic[data-glyph="vertical-align-bottom"]:before {
  content: "\e0d1";
}

.open-iconic[data-glyph="vertical-align-center"]:before {
  content: "\e0d2";
}

.open-iconic[data-glyph="vertical-align-top"]:before {
  content: "\e0d3";
}

.open-iconic[data-glyph="video"]:before {
  content: "\e0d4";
}

.open-iconic[data-glyph="volume-high"]:before {
  content: "\e0d5";
}

.open-iconic[data-glyph="volume-low"]:before {
  content: "\e0d6";
}

.open-iconic[data-glyph="volume-off"]:before {
  content: "\e0d7";
}

.open-iconic[data-glyph="warning"]:before {
  content: "\e0d8";
}

.open-iconic[data-glyph="wifi"]:before {
  content: "\e0d9";
}

.open-iconic[data-glyph="wrench"]:before {
  content: "\e0da";
}

.open-iconic[data-glyph="x"]:before {
  content: "\e0db";
}

.open-iconic[data-glyph="yen"]:before {
  content: "\e0dc";
}

.open-iconic[data-glyph="zoom-in"]:before {
  content: "\e0dd";
}

.open-iconic[data-glyph="zoom-out"]:before {
  content: "\e0de";
}
